<div class="panel panel-default">
  <div class="panel-body">
    <div class="col-xs-8 col-sm-9 col-md-9 col-lg-9">
      <strong><%= t('users.settings.account.connected_accounts.openid_connect.title') %></strong> <br>
        <p><%= t('users.settings.account.connected_accounts.openid_connect.connect_hint') %></p>
    </div>
    <div class="pull-right">
      <div>
        <strong>
          <%= t('users.settings.account.connected_accounts.openid_connect.connected') %>
          <span class="sn-icon sn-icon-check" aria-hidden="true"></span>
        </strong>
      </div>
      <div>
        <%= link_to t('users.settings.account.connected_accounts.openid_connect.unlink_button'),
                    '#unlinkOpenIdConnectModal',
                    class: 'btn btn-danger',
                    data: { toggle: 'modal'} %>
      </div>
    </div>
  </div>
</div>

<%= render partial: 'users/settings/account/connected_accounts/unlink_modals/openid_connect_modal', locals: { provider: provider } %>
